<!-- Enhanced Animated Status Pages (No Buttons) -->
<!-- File: success.html -->
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>Success</title>
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
    body{font-family:'Inter',system-ui,Arial;display:flex;align-items:center;justify-content:center;min-height:100vh;margin:0;background:linear-gradient(135deg,#d1fae5,#6ee7b7);overflow:hidden}
    .card{background:white;padding:2.5rem 3rem;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.1);max-width:600px;text-align:center;animation:fadeInUp .9s ease}
    h1{font-size:2rem;margin-bottom:.5rem;color:#047857;animation:pop .8s ease}
    p{color:#065f46;margin:.5rem 0;font-size:1.05rem}
    @keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
    @keyframes pop{0%{transform:scale(.8)}100%{transform:scale(1)}}
  </style>
</head>
<body>
  <main class="card">
    <h1>✅ Success!</h1>
    <p>Your operation completed successfully.</p>
  </main>
</body>
</html>